<template>
  <div class="feedback">
    <TitleUserFeedback></TitleUserFeedback>

    <div class="f-body">
      <div div class="myfeedback" @click="$router.push('/infoContent')">
        <van-cell value="" is-link class="myfeedback-right">
          <template #title>
            <span class="custom-title">
              <img src="@/assets/home/feedback.png" alt="" />
            </span>
            <span type="danger">我要反馈</span>
          </template>
        </van-cell>
      </div>

      <h2>热门问题</h2>

      <div class="questionCont" @click="$router.push('/hotproblem')">
        <van-cell value="" is-link class="myfeedback-right">
          <template #title>
            <span type="danger">问题内容</span>
          </template>
        </van-cell>
      </div>
    </div>
  </div>
</template>

<script>
import TitleUserFeedback from './TitleUserFeedback.vue'

export default {
  components: {
    TitleUserFeedback
  }
}
</script>

<style lang="less" scoped>
.feedback {
  background-color: #fafafa;

  .f-body {
    margin-top: 30px;

    .myfeedback {
      img {
        width: 16px;
        height: 16px;
        margin-right: 10px;
      }
    }

    h2 {
      padding: 12px 10px;
      font-size: 17px;
      color: #777777;
    }

    .questionCont {
      border-top: 1px solid #e8e8e8;
    }
  }
}
</style>
